#tittle {
  background-color: darkcyan;
}
body,
html {
  height: 100vh;

  background-color: green;
}
.box1 {
  width: 100px;
  height: 100px;
  background-image: url(../../images/1.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}
.box2 {
  width: 200px;
  height: 200px;
  background-image: url(../../images/2.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}
.box3 {
  width: 100px;
  height: 100px;
  background-image: url(../../images/3.gif);
  background-repeat: no-repeat;
  background-size: 100%;
}
.box4 {
  width: 100px;
  height: 100px;
  background-image: url(../../images/4.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
